$navHeight:0px;

.dashboard-container{
  display: flex;
  margin-top:$navHeight;
  flex:1;
flex-direction: column;
padding: $paddingSize*2 $paddingSize*2 $paddingSize*2 $paddingSize*2;
.itemsContainer{
  padding:12px;
}
.dashboard-row-0{
   position: fixed;
  top:0;
  left: 0;
  width: 100%;;
  height:$navHeight;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  .title{
    color:#fff;
    font-size: 18px;
    text-align: center;
    flex:1
  }
}
  .dashboard-row-1{
    flex:3;
    display: flex;
  }
  .dashboard-row-2{
    flex:3;
    display: flex;
  }
}
.dashboard-panel{
  flex:1;
  border-radius: 3px;
  background: $lightDarkColor;
  // box-shadow: 0 0 10px rgba(0,0,0,0.3);
  
  padding:$paddingSize;
  display: flex;
  position: relative;
  flex-direction: column;
  .panel-title{
    font-size: 14px;
    color:#333;
    padding:$paddingSize;
    align-items: center;
    justify-content: center;
    select{
      float: right;
      width: 120px;
      border-radius: 3px;
      border: 1px solid $medium-grey;
      background: rgba(0,0,0,0);
      color: $light-grey;
      margin-top: -$paddingSize / 3;
    }
  }

  .panel-body{
    flex:1;
    display: flex;
    flex-direction: column;
  }

}
.col-1{
  flex:1;
  display: flex;
  margin:$paddingSize  / 3 *2;
}
.col-2{
  flex:2;
  display: flex;
  margin:$paddingSize  / 3 *2;
}
.col-3{
  flex:3;
  display: flex;
  margin:$paddingSize  / 3 *2;
}

#dayChart{padding: $paddingSize 0 ;
    // margin-top:-$paddingSize*2;
}